{{ define "css"}}
    <style type="text/css">
        body {background: #e5e5e5;}
    </style>
    <link href="/static/css/step.css" rel="stylesheet">
{{end}}

{{define "content"}}
    <div class="container">
        <div class="columns has-text-centered">
            <div class="column is-2"></div>
            <div class="column is-8">
                <div class="box" style="margin: 2rem;">
                    {{/*                https://aramvisser.github.io/bulma-steps/*/}}
                    <h3 class="title is-3">购买会员流程</h3>
                    <ul class="steps is-narrow is-large is-centered has-content-centered">
                        <li class="steps-segment">
                            <a href="#" class="has-text-dark">
                          <span class="steps-marker">
                            <span class="icon">
                              <i class="fa fa-shopping-cart"></i>
                            </span>
                          </span>
                                <div class="steps-content">
                                    <p class="heading">确认订单</p>
                                </div>
                            </a>
                        </li>
                        <li class="steps-segment has-gaps">
                        <span class="steps-marker">
                          <span class="icon">
                            <i class="fa fa-qrcode"></i>
                          </span>
                        </span>
                            <div class="steps-content">
                                <p class="heading">扫码支付</p>
                            </div>
                        </li>
                        <li class="steps-segment is-active">
                        <span class="steps-marker is-hollow">
                          <span class="icon">
                            <i class="fa fa-check"></i>
                          </span>
                        </span>
                            <div class="steps-content">
                                <p class="heading">支付成功</p>
                            </div>
                        </li>
                    </ul>

                    <span class="tag is-success is-large">恭喜,购买成功!</span>

                </div>
            </div>
            <div class="column is-2"></div>

        </div>
    </div>
{{end}}

{{ define "js"}}
{{end}}